<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人空间</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<link href="css/banner.css" rel="stylesheet" type="text/css" />	
		<link href="css/userPerson.css" rel='stylesheet' type='text/css' />
		<link href="css/wishWall.css" rel='stylesheet' type='text/css' />
		<link href="css/default.css" rel='stylesheet' type='text/css' />
		<link href="css/ribbon.css" rel='stylesheet' type='text/css' />
		<link href="css/normalize.css" rel='stylesheet' type='text/css' />
		<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css"/ >
		<link href="css/activityshow.css" rel='stylesheet' type='text/css' />	
		<script type="text/javascript" src="js/jquery.js"></script>	
		<script type="text/javascript" src="js/jquery.datetimepicker.full.js"></script>	
		<!--分页功能-->
		<script src="js/extendPagination.js" type="text/javascript"></script>
		<!--图片上传功能-->
		<link href="zyupload/skins/zyupload-1.0.0.min.css" rel="stylesheet" type="text/css" />
		<script src="zyupload/zyupload.basic-1.0.0.js" type="text/javascript"></script>
		
		
		<link href="css/userPerson.css" rel='stylesheet' type='text/css' />
		<!--Ueditor编辑器-->
		<!--<link href="ueditor/themes/default/_css/ueditor.css" type="text/css" rel="stylesheet">
		<script type="text/javascript" charset="utf-8">
		window.UEDITOR_HOME_URL = "/weishSDU/ueditor/"; //UEDITOR_HOME_URL、config、all这三个顺序不能改变
		</script>
	    <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
        <script type="text/javascript" charset="utf-8" src="ueditor/ueditor.parse.js"></script>-->
        <script type="text/javascript" src='js/interface/userPerson.js'></script>
	</head>
	<body>		
		<div class="header">
		   <div class="header-left">
				<div class="logo">
					<a href="index.html"><img src="img/logo.png" alt=""/></a>
				</div>
				<div class="menu">
					<!--<a class="toggleMenu" href="#"><img src="img/nav.png" alt="" /></a>-->
				    <ul class="nav" id="nav">
				    	<li class="active"><a href="index.html">主页</a></li>
				    	<li><a href="wishWall.html">微心愿平台</a></li>
				    	<li><a href="#">招募平台</a></li>
				    	<li><a href="userPerson.html"  style="color: #e94e38;">我的空间</a></li>
				    	<li><a href="comment.html">志愿者风采</a></li>
						<div class="clearfix"></div>
					</ul>
			   </div>							
			   <div class="clearfix"></div>
		   </div>
	      <div class="header-right">
	 		    <!--搜索框-->
		        <div class="search-box">
					<div id="sb-search" class="search">
						<input class="search-input"  placeholder="请输入搜索内容..." type="search" name="search" id="search" />
						<input class="search-submit" type="submit" id="search-btn" value="" onclick="toggleSearch()"/>
					</div>
				</div>
				<!--登录按钮-->
				<div class="login" data-toggle="modal" data-target="#myModal1">
					<img src="img/login.png" /> 
					<span>登录</span>
				</div>
				<div class="register" data-toggle="modal" data-target="#myModal2">
					<img src="img/注册.png" /> 
					<span>注册</span>
				</div>
			</div>
		</div>		
		<!--点击登录后弹出的框-->
		<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		      	<div class="btn-panel">
        			<div class="login-btn header-btn" >登录</div>	        
		       		<button type="button" class="close close-btn header-btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        </div>
		      </div>
		      <div class="modal-body">
		         <div class="user-panel">
		        	<div class="panel-container">
		        		<!--登录面板-->
		        		<div id="login-content">
		        			<div c lass="input-container">
		        			<label for="tel">账号</label><input class="modal-input" type="text" id="tel" placeholder="请输入您的登录手机号" />
		        			</div>
		        			<div class="input-container">
		        			<label for="password">密码</label><input class="modal-input" type="password" id="password" placeholder="请输入密码" />
		        			</div>		        			
		        			<input type="checkbox" id="login-check" />下次自动登录
		        			<a>忘记密码</a>
		        			<div class="login-container input-container">
		        				登录
		        			</div>
		        		</div><!--登录面板-->
		        	</div>
		        </div>
		      </div>
		    </div>
		  </div>
		</div>
		<!--点击注册后弹出的模态框-->
		<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		      	<div class="btn-panel">
        			<div class="person-btn header-btn" onclick="personPanel()">个人</div>
        			<div class="team-btn header-btn" onclick="teamPanel()">团队</div>	        
		       		<button type="button" class="close close-btn header-btn" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        </div>
		      </div>
		      <div class="modal-body">
		         <div class="user-panel">
		        	<div class="panel-container">
		        		<!--个人面板-->
		        		<div id="person-content">
		        			<div class="input-container">
		        				<label for="reg-tel">账号</label><input class="modal-input" type="text" id="reg-tel" placeholder="请使用手机号作为账号" />
		        			</div>		        			
		        			<div class="input-container">
		        				<label for="sex">性别</label>
		        				<input type="radio" checked="checked" name="Sex" class="check-sex" /><img src="img/男.png" />
		        				<input type="radio" class="check-sex" name="Sex" /><img src="img/女1.png" />
		        			</div>	
		        			<div class="input-container">
		        				<label for="datepicker">生日</label><input type="text" class="modal-input" id="datepicker" />
		        			</div>	
		        			<div class="input-container">
		        				<label for="reg-password">密码</label><input class="modal-input" type="password" id="reg-password" placeholder="请输入密码" />
		        			</div>	
		        			<div class="input-container">
		        				<label for="passwordNext">确认</label><input class="modal-input" type="password" id="passwordNext" placeholder="请再次输入密码" />
		        			</div>
		        			<div class="login-container input-container">
		        				注册
		        			</div>
		        		</div><!--个人面板-->
		        		<!--团队面板-->
		        		<div id="team-content" >
                            <div class="input-container">
		        				<label for="regt-tel">账号</label><input class="modal-input" type="text" id="regt-tel" placeholder="请使用手机号作为账号" />
		        			</div>
		        			<div class="input-container">
		        				<label for="regt-name">队名</label><input class="modal-input" type="text" id="regt-name" placeholder="所属的团队名称"  />
		        			</div>
		        			<div class="input-container">
		        				<label for="regt-area">地址</label><input class="modal-input" type="text" id="regt-area" placeholder="团队所在地"  />
		        			</div>
		        			<div class="input-container">
		        				<label for="regt-email">邮箱</label><input class="modal-input" type="text" id="regt-email" placeholder="请输入您的常用邮箱"  />
		        			</div>
		        			<div class="input-container">
		        				<label for="regt-pass">密码</label><input class="modal-input" type="password" id="regt-pass" placeholder="请设置密码" />
		        			</div>
		        			<div class="input-container">
		        				<label for="regt-passN">确认</label><input class="modal-input" type="password" id="regt-passN" placeholder="请再次输入密码" />
		        			</div>
		        			<div class="login-container input-container">
		        				注册
		        			</div>
		        		</div><!--团队面板-->
		        	</div>
		        </div>
		      </div>
		    </div>
		  </div>
		</div> 
		
		<!--页面的头像展示-->
		<div class="top">
			<div class="user-mess">
				<img id="user-photo" src="img/04.png" />
				<p id="user-name"><span>昵称：</span> <span id="showName">Lily</span></p>
				<a class="edit" href="#edit-wrapper">编辑资料</a>
			</div>
		</div>
		<!--切换内容-->
		<div class="tab">
			<div class="tab-btn">
				<div class="tab-toggle" id="lingqu">
					<a><img src="img/lingqu.png" /><span>我的领取</span></a>
				</div>
				<div class="tab-toggle" id="fabu">
					<a><img src="img/发布.png" /><span>我的发布</span></a>
				</div>
				<div class="tab-toggle" id="pub">
					<a><img src="img/edit.png" /><span>发布心愿</span></a>
				</div>
				<div class="tab-toggle" id="volunteer">
					<a><img src="img/volunteer (1).png" /><span id="zhiyuan">志愿活动</span></a>
				</div>
				<div class="tab-toggle" id="edit-mess">
					<a><img src="img/person.png" /><span>个人信息</span></a>
				</div>
			</div>
			<div class="tab-container">
				<div id="lingqu-wrapper" class="tab-wrapper" style="display: block;">
					<div class="wishes">
						<div class="wish-up">
							<div class="image-wrap"><img src="img/0002.jpg" class="showwish"/></div>
							<div class="wish-status"><span class="ribbon3">进行中</span></div>						
						</div>
						<div class="wish-down">
							<div class="publisher-show">
								<div class="publisher-img publisher"><img src="img/m2.jpg"></div>
								<div class="publisher pub-sex"><img src="img/女2.png"></div>
								<div class="publisher pub-age"><p>19</p></div>
								<div class="line publisher"></div>
								<div class="publisher pub-name"><p>喵喵喵</p></div>
								<div class="clearfix"></div>
							</div>
							<div class="wish-topic">
							<p>有没有想轮滑逛济南的逛即逛即逛</p>
							</div>
						</div>
					</div>
					<div class="wishes">
						<div class="wish-up">
							<div class="image-wrap"><img src="img/0003.jpg" class="showwish"/></div>
							<div class="wish-status"><span class="ribbon3">进行中</span></div>						
						</div>
						<div class="wish-down">
							<div class="publisher-show">
								<div class="publisher-img publisher"><img src="img/m2.jpg"></div>
								<div class="publisher pub-sex"><img src="img/女2.png"></div>
								<div class="publisher pub-age"><p>19</p></div>
								<div class="line publisher"></div>
								<div class="publisher pub-name"><p>喵喵喵</p></div>
								<div class="clearfix"></div>
							</div>
							<div class="wish-topic">
							<p>有没有想轮滑逛济南的逛即逛即逛</p>
							</div>
						</div>
					</div>
					<div class="wishes">
						<div class="wish-up">
							<div class="image-wrap"><img src="img/e2.jpg" class="showwish"/></div>
							<div class="wish-status"><span class="ribbon3" style="background-color: #1db05e;">已完成</span></div>						
						</div>
						<div class="wish-down">
							<div class="publisher-show">
								<div class="publisher-img publisher"><img src="img/m2.jpg"></div>
								<div class="publisher pub-sex"><img src="img/女2.png"></div>
								<div class="publisher pub-age"><p>19</p></div>
								<div class="line publisher"></div>
								<div class="publisher pub-name"><p>喵喵喵</p></div>
								<div class="clearfix"></div>
							</div>
							<div class="wish-topic">
							<p>有没有想轮滑逛济南的逛即逛即逛</p>
							</div>
						</div>
					</div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="clearfix"></div>
					<div id="page-ctrl"></div>
				</div>
				<div id="fabu-wrapper" class="tab-wrapper" style="display: none;">
					<div id="fabucontent">
					<div class="wishes">
						<div class="wish-up">
							<div class="image-wrap"><img src="img/0002.jpg" class="showwish"/></div>
							<div class="wish-status"><span class="ribbon3">进行中</span></div>						
						</div>
						<div class="wish-down">
							<div class="publisher-show">
								<div class="publisher-img publisher"><img src="img/m2.jpg"></div>
								<div class="publisher pub-sex"><img src="img/女2.png"></div>
								<div class="publisher pub-age"><p>19</p></div>
								<div class="line publisher"></div>
								<div class="publisher pub-name"><p>喵喵喵</p></div>
								<div class="clearfix"></div>
							</div>
							<div class="wish-topic">
							<p>有没有想轮滑逛济南的逛即逛即逛</p>
							<div class="read-btn" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#wishpubModal">心愿详情</div>
							</div>
						</div>
					</div>
					<div class="wishes">
						<div class="wish-up">
							<div class="image-wrap"><img src="img/0003.jpg" class="showwish"/></div>
							<div class="wish-status"><span class="ribbon3">进行中</span></div>						
						</div>
						<div class="wish-down">
							<div class="publisher-show">
								<div class="publisher-img publisher"><img src="img/m2.jpg"></div>
								<div class="publisher pub-sex"><img src="img/女2.png"></div>
								<div class="publisher pub-age"><p>19</p></div>
								<div class="line publisher"></div>
								<div class="publisher pub-name"><p>喵喵喵</p></div>
								<div class="clearfix"></div>
							</div>
							<div class="wish-topic">
							<p>有没有想轮滑逛济南的逛即逛即逛</p>
							<div class="read-btn" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#wishpubModal">心愿详情</div>
							</div>
						</div>
					</div>
					<div class="wishes">
						<div class="wish-up">
							<div class="image-wrap"><img src="img/e2.jpg" class="showwish"/></div>
							<div class="wish-status"><span class="ribbon3" style="background-color: #1db05e;">已完成</span></div>						
						</div>
						<div class="wish-down">
							<div class="publisher-show">
								<div class="publisher-img publisher"><img src="img/m2.jpg"></div>
								<div class="publisher pub-sex"><img src="img/女2.png"></div>
								<div class="publisher pub-age"><p>19</p></div>
								<div class="line publisher"></div>
								<div class="publisher pub-name"><p>喵喵喵</p></div>
								<div class="clearfix"></div>
							</div>
							<div class="wish-topic">
							<p>有没有想轮滑逛济南的逛即逛即逛</p>
							<div class="read-btn" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#wishpubModal">心愿详情</div>
							</div>
						</div>
					</div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="wishes"></div>
					<div class="clearfix"></div>
					</div>
				<div class="pagepub-ctrl"></div>
				</div>				
				<!--发布心愿的部分-->
				<div id="pub-wrapper" class="tab-wrapper" style="display: none;">
					<div class="pub-header">
                    <h4>发布心愿</h4>
                    </div>
                    <div class="pub-content">
                    	<ul>
                    		<li><label for="simpleDes">简述</label><input type="text" id="simpleDes" placeholder="心愿的概况，不超过15个字~"/></li>
                    		<li><label for="expectNum">期待完成心愿的人数</label><input type="text" id="expectNum"/></li>
                    		<li><label for="expectTime">期待完成心愿的时间</label><input type="text" id="expectTime"/></li>
                    	</ul>
                    						  
                    
                    <p>心愿详述</p>
                    <textarea width="500px" height="300px" id="wishText" ></textarea>
                    <div id="zyupload" class="zyupload"></div>  
                    </div>
                    <div id="pub-btn" onclick="pubWish()">发布</div>
				</div>
				
				<!--参与的志愿者招募活动-->
				<div id="volunteer-wrapper" class="tab-wrapper" style="display: none;">
					<div class="activityShow">
		 	<div class="activities">
		 		<div class="up-act">
		 			<img src="img/wishwall1.jpg" />
		 		</div>
		 		<div class="down-act">
		 			<h5>活动标题活动标题活动标题活动标</h5>
		 			<p>活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具
		 			体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述</p>
		 			<p class="act-publisher">发布者：<a>山大汪</a></p>
		 			<p class="act-deadline">截止时间：<span>2016-05-16</span></p>
		 		</div>
		 	</div>
		 	<div class="activities">
		 		<div class="up-act">
		 			<img src="img/wishwall1.jpg" />
		 		</div>
		 		<div class="down-act">
		 			<h5>活动标题活动标题活动标题活动标</h5>
		 			<p>活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具
		 			体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述</p>
		 			<p class="act-publisher">发布者：<a>山大汪</a></p>
		 			<p class="act-deadline">截止时间：<span>2016-05-16</span></p>
		 		</div>
		 	</div>
		 	<div class="activities">
		 		<div class="up-act">
		 			<img src="img/wishwall1.jpg" />
		 		</div>
		 		<div class="down-act">
		 			<h5>活动标题活动标题活动标题活动标</h5>
		 			<p>活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具
		 			体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述</p>
		 			<p class="act-publisher">发布者：<span>山大汪</span></p>
		 			<p class="act-deadline">截止时间：<span>2016-05-16</span></p>
		 		</div>
		 	</div>
		 	<div class="activities">
		 		<div class="up-act">
		 			<img src="img/wishwall1.jpg" />
		 		</div>
		 		<div class="down-act">
		 			<h5>活动标题活动标题活动标题活动标</h5>
		 			<p>活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述活动的具
		 			体描述活动的具体描述活动的具体描述活动的具体描述活动的具体描述</p>
		 			<p class="act-publisher">发布者：<a>山大汪</a></p>
		 			<p class="act-deadline">截止时间：<span>2016-05-16</span></p>
		 		</div>
		 	</div>
		 	<div class="activities">
		 	</div>
		 	<div class="activities">
		 	</div>
		 	<div class="clearfix">
		 	</div>
			<div class="pagepub-ctrl"></div>
		 </div>	 
		</div>
				<div id="edit-wrapper" class="tab-wrapper" style="display: none; background-color: #fff;">
					<div class="edit-basic" >
						<h4>基本信息</h4>
						<div class="row">																       
							<div class="col-xs-12 col-sm-8">
							<form class="form-horizontal" >

							    <!-- 账号 -->
							    <div class="formgroup">
									<label>账号：</label>
									<div class="userMessage-show" id="userId">17865195566</div> <!-- 显示用户账号，不可更改 -->
								</div>

                                <!-- 昵称-->
								<div class="formgroup">
									<label>昵称：</label>
									<div  class="userMessage-show">
									<span id="username-show">Lily</span>     <!-- 显示用户昵称-->
									<span id="username-change" class="userChange-btn"><a>修改</a></span>
									</div>   								
									<div id="username-form" style="display:none;">				
										<input class=" userEdit-input" type="text" id="form-field-username" />
										<span class="userEdit-btn" id="username-btn">确定</span>										
									</div>
								</div>
								<!--性别-->
								<div class="formgroup">
									<label >性别：</label>
									<div  class="userMessage-show ">
									<span id="usersex-show">女</span> <!--显示用户性别-->
									</div>   									
								</div>
								<!--生日-->
								<div class="formgroup">
									<label>生日：</label>
									<div  class="userMessage-show">
									<span id="userbirth-show">1999-09-09</span> <!-- 显示用户生日 -->
									</div>   					
								</div>	
								<!--年龄-->
								<div class="formgroup">
									<label>年龄：</label>
									<div  class="userMessage-show">
									<span id="userage-show">30</span> <!-- 显示用户年龄 -->
									</div>   					
								</div>	
								</form>
								</div>
							</div>
							<div class="clearfix form-actions">
								<div class="col-md-offset-3 col-md-9">
									<button class="btn btn-info" type="button" id="save-btn">
										<i class="ace-icon fa fa-check bigger-110"></i>
										保存
									</button>
								</div>
							</div>
						</div>
				</div>
			</div>
		</div>
		<div class="clearfix"></div>

		<!--我发布的心愿的查看详情-->
		<div class="modal fade" id="wishpubModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content wish-modal-content">
		      <div class="modal-header wish-header">
		        <button type="button" class="close wish-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel"><img  src="img/心愿心.png" style="margin-right:15px;width: 25px;height: 25px;">心愿详情</h4>
		      </div>
		      <div class="modal-body wish-body">
		         <div class="left-part wish-part">
		         	<ul>
		         		<li class="wishMess"><span>发布者：</span><span id="pubname">喵喵喵</span></li>
		         		<li class="wishMess"><span>性别：</span><span><img id="pubsex" src="img/女2.png"></span></li>
		         		<li class="wishMess"><span>年龄：</span><span id="pubage">19</span></li>
		         		<li class="wishMess"><span>发布时间：</span><span id="pubtime">2016-03-20</span></li>
		         		<li class="wishMess"><span>期望完成时间：</span><span id="deadtime">2016-04-01</span></li>
		         		<li class="wishMess"><span>期望完成心愿人数：</span><span id="expectper">5</span></li>
		         		<li class="wishMess"><span>截止时间：</span><span id="deadline">2016-04-01</span></li>	
		         		<li class="wishMess">
		         			<span>心愿状态：</span>
		         			<select id="wishStatus">
		         				<option value="未领取">未领取</option>
		         				<option value="进行中">进行中</option>
		         				<option value="已完成">已完成</option>
		         			</select>
		         		</li>
		         	</ul>
		         </div>
		         <div class="right-part wish-part">
		         	<img id="wish-pic" src="img/0002.jpg"/>
		         </div>
		         <div class="clearfix"></div>
		         <div class="wishdown">
		         	<h4 id="smallTitle">轮滑环游济南轮滑环游济南轮滑环</h4>
		         	<p class="wish-text" id="complexDes">
		         		诚邀有一定上路经验的喜欢轮滑的小伙伴相伴环游济南啊，有意者可以给我联系啊
		         	</p>
		         </div>
		         <div class="savestatus-btn" id="1">保存</div>
		      </div>
		    </div>
		  </div>
		</div>
		 <!--点击了解更多之后弹出的模态框-->
		 <div class="modal fade" id="actModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content act-modal-content">
		      <div class="modal-header act-header">
		        <button type="button" class="close act-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel"><img src="img/活动2.png" style="margin-right:15px;width: 25px;height: 25px;">活动详情</h4>
		      </div>
		      <div class="modal-body act-body">
		            <h4>奥体中心招募志愿者</h4>
		         	<ul class="act">
		         		<li class="actMess"><span>发布者：</span><span>喵喵喵</span></li>
		         		<li class="actMess"><span>期望人数：</span><span>35</span></li>		         		
		         		<li class="actMess"><span>截止时间：</span><span id="deadline">2016-04-01</span></li>	
		         		<div class="clearfix"></div>
		         	</ul>		         
		         	<img src="img/pic5.jpg"/>		       	         
		         	<p class="wish-text">
		         		济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊
		         		济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊
		         		济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊济南市奥体中心招募志愿者，提供专车接送，免费晚餐，快来报名啊
		         	</p>
		         	<p class="person-num">已报名人数：<span>26</span></p>
		         	<!--<div class="baoming-btn">我要报名</div>-->
		       </div>
		      </div>
		    </div>
		  </div>
        <script type="text/javascript" src="js/banner.js"></script>
        <script type="text/javascript" src="js/userPerson.js"></script>
        <script type="text/javascript">
		    $('#datepicker').datetimepicker({
				  lang:"ch",           //语言选择中文
			      format:"Y-m-d",      //格式化日期
			      timepicker:false,    //关闭时间选项
			      yearStart:1950,     //设置最小年份
			      yearEnd:2050,        //设置最大年份
			      todayButton:false    //关闭选择今天按钮
			});
        </script>
        <script type="text/javascript">
		    $('#expectTime').datetimepicker({
				  lang:"ch",           //语言选择中文
			      format:"Y-m-d",      //格式化日期
			      timepicker:false,    //关闭时间选项
			      yearStart:1950,     //设置最小年份
			      yearEnd:2050,        //设置最大年份
			      todayButton:false    //关闭选择今天按钮
			});
        </script>
        
         <script type="text/javascript">
			$(function(){
				// 初始化插件
				$("#zyupload").zyUpload({
					width            :   "650px",                 // 宽度
					height           :   "400px",                 // 宽度
					itemWidth        :   "140px",                 // 文件项的宽度
					itemHeight       :   "115px",                 // 文件项的高度
					url              :   "wishPic",  // 上传文件的路径
					fileType         :   ["jpg","png","js","exe"],// 上传文件的类型
					fileSize         :   51200000,                // 上传文件的大小
					multiple         :   false,                    // 是否可以多个文件上传
					dragDrop         :   false,                   // 是否可以拖动上传文件
					tailor           :   false,                   // 是否可以裁剪图片
					del              :   true,                    // 是否可以删除文件
					finishDel        :   false,  				  // 是否在上传文件完成后删除预览
					/* 外部获得的回调接口 */
					onSelect: function(selectFiles, allFiles){    // 选择文件的回调方法  selectFile:当前选中的文件  allFiles:还没上传的全部文件
						console.info("当前选择了以下文件：");
						console.info(selectFiles);
					},
					onDelete: function(file, files){              // 删除一个文件的回调方法 file:当前删除的文件  files:删除之后的文件
						console.info("当前删除了此文件：");
						console.info(file.name);
					},
					onSuccess: function(file, response){          // 文件上传成功的回调方法
						path=response;
//						console.info("此文件上传成功：");
//						console.info(file.name);
//						console.info("此文件上传到服务器地址：");
//						console.info(response);
//						$("#uploadInf").append("<p>上传成功，文件地址是：" + response + "</p>");
					},
					onFailure: function(file, response){          // 文件上传失败的回调方法
						console.info("此文件上传失败：");
						console.info(file.name);
					},
					onComplete: function(response){// 上传完成的回调方法
						console.info("文件上传完成");
						console.info(response);
					}
				});
				
			});		
		</script> 
	</body>
</html>
